LayuiTable导出所有数据excel，无需修改后端代码,仅前端处理。 |
您所在的位置：网站首页 › 前端导出和后端导出 区别 › LayuiTable导出所有数据excel，无需修改后端代码,仅前端处理。 |
|
layui table自带的导出功能仅导出单页的数据，搜索一番之后发现大部分都是通过另外发送ajax请求，让后端进行处理，或是生成excel下载链接，或是后端返回所有数据然后用table.exportFile导出。 其实可以利用render，设置limit为总数量实现数据重新加载并导出。 方法可行，并不推荐。 html 导出js var tableDataCount = 0; table.render({ elem: '#datatab' ,url: '...数据接口' ,skin:'line' ,even:true ,method:'post' ,limit:20 ,title:'数据' ,height:'full-60' // ,size:'lg' ,cols: [[ {field:'id', width:80, title: 'ID', sort: true}, {field:'name',minWidth:'100', title: '姓名'}, ]] ,page: true , done: function(res, curr, count){ tableDataCount = count;//记录所有数据数量 } }); //在html中设置一个导出全部的按钮，事件： $("#btnExport").click(function () { table.reload('datatab',{ page: 1, limit:tableDataCount, //加载所有数据 title: '步数榜单', done:function (){ //导出所有数据 table.exportFile("datatab",false,"xls"); //恢复数据分页显示 table.reload('datatab',{ page: 1, limit:20, done:function (res, curr, count){ tableDataCount = count; console.log(res.data) } }) } }) }) } }) |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |